<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="custom" tagdir="/WEB-INF/tags" %>

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="description" content="Interact Social Network" />
		<meta name="keywords" content="interact, learning management system, social network" />
		<link rel="icon" type="image/ico" href="media/images/iacademy/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="media/css/interact.all.css" />
		<link rel="stylesheet" type="text/css" href="media/css/iacademy.css" />
		<link rel="stylesheet" type="text/css" href="media/css/interact.login.css" />
		<title>iACADEMY - Interact</title>
	</head>
	
	
	<body onload="changeImage();" >
	
		<div id="header">
		
			<div id="headerContents">
			
				<div id="logo"></div>
				
				<div id="loginForm">
				
					<form action="Login.do" method="POST">
						<input type="text" placeholder="Student Code" /> <input type="password" placeholder="Password" />
						<input type="submit" value="Login" />
					</form>
					<a href=""><span>Forgot Password?</span></a>
					
				</div>
				
			</div>
			
		</div>
		
		<div id="loginBody">
		
				<div id="loginBodyContents">
				
					<div id="about">
					
						<a href="http://iacademy.com.ph/main/"><img src="media/images/iacademy/posters/0.png" id="poster"></a>
						
					</div>
					
					<div id="faces">
					
						<div class="face" id="face0"></div>
						<div class="face" id="face1"></div>
						<div class="face" id="face2"></div>
						<div class="face" id="face3"></div>
						<div class="face" id="face4"></div>
						<div class="face" id="face5"></div>
						<div class="face" id="face6"></div>
						<div class="face" id="face7"></div>
						<div class="face" id="face8"></div>
						<div class="face" id="face9"></div>
						
					</div>
					
				</div>
				
				<form id="activateForm">
				
					<input type="text" placeholder="First, we need your Student Code..." /><br />
					<input type="password" placeholder="and your Student Portal Password." /><br />
					<input type="password" placeholder="Great! Now, enter you desired password." /><br />
					<input type="password" placeholder="Type your desired password again to verify..." /><br />
					<input type="text" placeholder="Okay, one more! What's your nickname?" /><br />
					
					<input type="submit" value="Activate Account" />
					
				</form>
		
		</div>
		
		<custom:footer />
		
	</body>
	
	<script type="text/javascript" src="media/js/iacademy.poster.js"></script>
</html>